<template>
<div>
<!--  1.用户信息-->
  <div class="dv1">
    <van-row>
      <van-col class="dv11" span="4" offset="4"><van-image
          round
          width="3rem"
          height="3rem"
          src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"/>
      </van-col>
      <van-col class="dv11" span="4">
        <div><label>昵称</label></div>
        <div><label>虚币:200</label></div>
      </van-col>
      <van-col class="dv11" span="4" offset="8">
        <router-link to="/userdetail">编辑资料</router-link>
      </van-col>
    </van-row>
    <router-link to="/login">点击登录</router-link>
  </div>
<!--  2.功能菜单-->
  <div class="dv2">
      <van-cell title="单元格" icon="location-o" />
      <van-cell title="签到" icon="location-o" is-link to="/usersign"/>
      <van-cell title="我的问题" icon="location-o" is-link to="index"/>
      <van-cell title="上传面试题" icon="location-o" is-link to="index"/>
      <van-cell title="我的收藏" icon="location-o" is-link to="index"/>
      <van-cell title="我的足迹" icon="location-o" is-link to="index"/>
      <van-cell title="发布问题" icon="location-o" is-link to="index"/>
      <van-cell title="意见反馈" icon="location-o" is-link to="index"/>
      <van-cell title="关于我们" icon="location-o" is-link to="index"/>
  </div>
<!--  3.-->
  <div>
    <van-button type="danger" style="width: 100%">退出登录</van-button>
  </div>
</div>
</template>

<script>
export default {
  name: "My",
  data(){
    return{

    }
  }
}
</script>

<style scoped>
.dv1{
  width: 100%;
  height: 120px;
  background-color: gainsboro;
  text-align: center;
}
.dv11{
  margin-top: 35px;
  font-size: 12px;
}
.dv2 van-cell{
  margin-top: 20px;
  font-size: 20px;
}
</style>